<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Bootstrap 官方指南</title>
        <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
        <ul class="nav nav-pills nav-justified">
            <li class="active"><a href="#">主页</a></li>
            <li><a href="#">编辑</a></li>
            <li><a href="#">工具</a></li>
            <li><a href="#">关于</a></li>
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                    消息<span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#">系统消息</a></li>
                    <li><a href="#">私人消息</a></li>
                    <li class="divider"></li>
                    <li><a href="#">优惠券信息</a></li>
                    <li><a href="#">事件信息</a></li>
                </ul>
            </li>
            <li class="disabled"><a href="#">个人信息</a></li>
        </ul>
        <h1>Hello boy!</h1>
    </body>
</html>